<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initidiv-scdive=1.0">
    <title>历年真题</title>
    <style>
         * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 
                         Helvetica, Aridiv, sans-serif;
        }
        body{
            background-color: #F7FAF8;
            margin: 0;
            padding: 0;
        }
         .status-bar {
            background-color:#1DBF7B;
            
            height:1.5rem;
            position: relative;
            color: white;
            padding: 1.5rem;
            text-divign: center;

  
        }
        
        /* 顶部标题居中 */
        .page-title {
            font-size: 1.0625rem;
            font-weight: bold;
            text-divign: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        /*顶部红条参数*/
        .list1{
            background-color: #FAE8CA;
            position: relative;
            margin: 1rem 1rem;
            height:2.5rem;
            width:bold;
            border-radius:8px;
            
            


        }
        /*卷子*/
        .list1-text{
            font-size:0.9rem;
            color: #FF9627;
            position:absolute;
            top:30%;
            left:10%;
           
            
            display: inline-block;
            divign-items: center;
           
           
        }
        ul img{
            background-color:#FF9627;
            width: 16px;
            height:16px;
            position:absolute;
            top:35%;
            left:3%;
        }
        /*卷子行*/
        .practice {
            background:  #FFFFFF;
            border-radius:0.5rem;
            padding: 2.1rem;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            position: relative;
            margin: 1rem 1rem;
        }
        /*消除黑点*/
        .task-list {
            list-style: none;
        }
        .task1{
            font-size:1rem;
            float:left;
            padding: 0rem 0 0;
          
           
        }
        .task2{
            font-size:0.6rem;
            padding: 1rem  0 0;
           
            clear: both;
            color:#999999 ;
            
        }
        img{
            background-color:#1DBF7B;
            width: 16px;
            height:16px;
           
       }
       .ab {
        background-color: #1DBF7B;
        

        
       }
        .ab img{
        float:right;
        
        
       }
    </style>

    <body>
        <header class ="status-bar"> 
            <h1 class="page-title">历年真题</h1>
        </header>
            
                <ul class="list1">
                    <div class="list1"></div>
                    <img src="./taoshu/1.png"><div class="list1-text">卷子4套</div>
                </ul>
           
        <section class="practice">
            <div class="task-list">
              <div class="ab"><div class="task1">2020年管理考卷</div>
              <img src ="./icon_答题_slices (1)/icon_答题.png" > </div>
                    
                    
                    <div class="task2">试题100道，总分100，及格线60分，考试时间120分钟</div> 
                    
            </div> 
        </section>       
         <section class="practice">
            <div class="task-list">
              <div class="ab"><div class="task1">2020年管理考卷</div>
              <img src ="./icon_答题_slices (1)/icon_答题.png" > </div>
                    
                    
                    <div class="task2">试题100道，总分100，及格线60分，考试时间120分钟</div> 
                    
            </div> 
        </section>          
        <section class="practice">
            <div class="task-list">
              <div class="ab"><div class="task1">2020年管理考卷</div>
              <img src ="./icon_答题_slices (1)/icon_答题.png" > </div>
                    
                    
                    <div class="task2">试题100道，总分100，及格线60分，考试时间120分钟</div> 
                    
            </div> 
        </section>       
        <section class="practice">
            <div class="task-list">
              <div class="ab"><div class="task1">2020年管理考卷</div>
              <img src ="./icon_答题_slices (1)/icon_答题.png" > </div>
                    
                    
                    <div class="task2">试题100道，总分100，及格线60分，考试时间120分钟</div> 
                    
            </div> 
        </section>       
        
    </body>